<template>
    <div class="addProject business-workAdd">
        <div class="addForm zll-form">
            <el-form :model="addForm" :rules="rules" ref="addForm" class="demo-ruleForm">
                <el-row :gutter="40">
					<el-col :span="6">
						<el-form-item class="formList" prop="data1" label="年月：">
                            <el-date-picker clearable class="input_right" v-model="addForm.data1" type="month" :disabled="type == 'see'"></el-date-picker> </el-date-picker>
						</el-form-item>
						<el-form-item class="formList" prop="data2" label="创建人：">
							<el-input clearable class="input_right"  v-model="addForm.data2" disabled></el-input>
						</el-form-item>
                    </el-col>
					<el-col :span="6">
						<el-form-item class="formList" prop="data3" label="总人数：">
							<el-input clearable class="input_right"  v-model="addForm.data3" :disabled="type == 'see'" ></el-input>
						</el-form-item>
						<el-form-item class="formList" prop="data4" label="提交人：">
							<el-input clearable class="input_right"  v-model="addForm.data4" :disabled="type == 'see'" ></el-input>
						</el-form-item>
                    </el-col>
					<el-col :span="6">
						<el-form-item class="formList" prop="data5" label="状态：">
							<el-input clearable class="input_right"  v-model="addForm.data5" :disabled="type == 'see'" ></el-input>
						</el-form-item>
						<el-form-item class="formList" prop="data6" label="发放人：">
							<el-input clearable class="input_right"  v-model="addForm.data6" :disabled="type == 'see'" ></el-input>
						</el-form-item>
                    </el-col>
					<el-col :span="6">
                        <div class="botton_nav" v-if="type=='add' || type=='edit'">
                            <p class="zll-botton reject">保存</p>
                            <p class="zll-botton">立即提交</p>
                        </div>
                        <div class="botton_nav" v-else>
                            <p class="zll-botton download">EXCEL 下载</p>
                            <p class="zll-botton" v-if="type=='send'">已发放</p>
                        </div>
                    </el-col>
                </el-row>
            </el-form>
            <div class="tableList" style="margin-top: 0 !important;">
                <table border="1">
                    <tr>									
                        <th>序号</th>
                        <th>部门</th>
                        <th>岗位</th>
                        <th>姓名</th>
                        <th>出勤天数</th>
                        <th>基本工资</th>
                        <th>计件工资</th>
                        <th>工龄补贴</th>
                        <th>技能补贴</th>
                        <th>保险补贴</th>
                        <th>满勤奖</th>
                        <th>奖金</th>
                        <th>其他补贴</th>
                        <th>违章罚款</th>
                        <th>不良扣减</th>
                        <th>代扣保险</th>
                        <th>电费超额</th>
                        <th>应发工资</th>
                        <th>实发工资</th>
                    </tr>
                    <tr class="add_Table" v-for="(item,index) in addForm.tableList" :key="index">
                        <td>{{ index+1 }}</td>
                        <td><el-input v-model="item.data1" placeholder="" class="text_center" clearable :disabled="type == 'see' || type == 'send'"></el-input></td>
                        <td><el-input v-model="item.data2" placeholder="" class="text_center" clearable :disabled="type == 'see' || type == 'send'"></el-input></td>
                        <td><el-input v-model="item.data3" placeholder="" class="text_center" clearable :disabled="type == 'see' || type == 'send'"></el-input></td>
                        <td>{{ item.data4 }}</td>
                        <td><el-input v-model="item.data5" placeholder="" class="text_center" clearable :disabled="type == 'see' || type == 'send'"></el-input></td>
                        <td>{{ item.data6 }}</td>
                        <td><el-input v-model="item.data7" placeholder="" class="text_center" clearable :disabled="type == 'see' || type == 'send'"></el-input></td>
                        <td><el-input v-model="item.data8" placeholder="" class="text_center" clearable :disabled="type == 'see' || type == 'send'"></el-input></td>
                        <td><el-input v-model="item.data9" placeholder="" class="text_center" clearable :disabled="type == 'see' || type == 'send'"></el-input></td>
                        <td><el-input v-model="item.data10" placeholder="" class="text_center" clearable :disabled="type == 'see' || type == 'send'"></el-input></td>
                        <td><el-input v-model="item.data11" placeholder="" class="text_center" clearable :disabled="type == 'see' || type == 'send'"></el-input></td>
                        <td><el-input v-model="item.data12" placeholder="" class="text_center" clearable :disabled="type == 'see' || type == 'send'"></el-input></td>
                        <td><el-input v-model="item.data13" placeholder="" class="text_center" clearable :disabled="type == 'see' || type == 'send'"></el-input></td>
                        <td>{{ item.data14 }}</td>
                        <td>{{ item.data15 }}</td>
                        <td><el-input v-model="item.data16" placeholder="" class="text_center" clearable :disabled="type == 'see' || type == 'send'"></el-input></td>
                        <td><el-input v-model="item.data17" placeholder="" class="text_center" clearable :disabled="type == 'see' || type == 'send'"></el-input></td>
                        <td>{{ item.data18 }}</td>
                    </tr>
                    <tr class="add_Table">
                        <td colspan="5">合计</td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                        <td></td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</template>
<script>
export default {
    props: ['type','editData'],
    data(){
        return {
            query: {
                time:'',itemId:'',
            },
			itemList:['单支连排','多支','伸缩','U型'],
            addForm: {
                tableList: [{},{}]
            },
            rules: {

            },
        }
    },
    methods: {
		submitForm() {
			let self = this;
            self.$eventBus.$emit("updateWorkList");
		},
    },
    mounted(){
        
    },
    components: {
    }
}
</script>
<style lang="scss" scoped>
    @import "@/style/dialog.scss";
    .business-workAdd.addProject {
        .formList {
            margin-bottom: 0px;
        }
        .botton_nav {
            .zll-botton {
                margin-bottom: 10px;width: 120px;height: 26px;line-height: 26px;padding: 0 10px;
            }
        }
        .top_part {
            display: flex;
            justify-content: space-between;

            p {
                line-height: 32px;
            }

            ._right {
                display: flex;
                .text-formList {
                    margin-left: 15px;width: 140px;

                    // .text_right {
                    //     color: #2196f3;
                    // }
                }
            }
        }
        .Search_Top_Input  {
            .search_list {
                display: flex;
            }
            .zll-botton {
                height: 26px;line-height: 26px;padding: 0 15px;margin: 0;
            }
        }
        .formList {
            height: 32px;
        }
        .tableList {
            margin-bottom: 20px;
            table {
                tr {
                    background: #fff !important;
                    td {
                        padding: 1px 3px;
                    }
                }
            }
        }
    }
</style>